<!DOCTYPE html>
<html class="x-admin-sm">
    <head>
        <meta charset="UTF-8">
        <title>广告管理-广告列表</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="__XADM_CSS__/font.css">
        <link rel="stylesheet" href="__XADM_CSS__/xadmin.css">
        <script src="__XADM_LIB__/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="__XADM_JS__/xadmin.js"></script>
        <style type="text/css">
            .page .num{ margin-left: 2px; }
        </style>
    </head>
    <body>
        <div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">广告管理</a>
            <a>
              <cite>广告列表</cite></a>
          </span>
          <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
        </div>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                      
                        <div class="layui-card-body ">
                            <table class="layui-table layui-form">
                              <thead>
                                <tr>
                                    <th width="40">
                                        <input type="checkbox" lay-filter="checkall" name="" lay-skin="primary">
                                    </th>
                                    <th>ID</th>
                                    <th>预览图</th>
                                    <th>标题</th>
                                    <th>位置</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                  </tr>
                              </thead>
                                <tbody>
                                    {volist name="advertisement" id="vo"}
                                    <tr>
                                        <td width="40">
                                            <input type="checkbox" name="" lay-skin="primary" value="{$vo.id}">
                                        </td>
                                        <td>{$vo.id}</td>
                                        <td><img src="__UPLOADS__/{$vo.pic}" width="150"></td>
                                        <td>{$vo.title}</td>
                                        <td>{$vo.position}</td>
                                        <td class="td-status">
                                            {if $vo.is_show == 1}
                                                <span class="layui-btn layui-btn-normal" onclick="member_stop(this, '{$vo.id}')" title="隐藏">显示</span>
                                            {else/}
                                                <span class="layui-btn layui-btn-danger"  onclick="member_stop(this, '{$vo.id}')" title="显示">隐藏</span>
                                            {/if}
                                        
                                        </td>
                                        <td class="td-manage">
                                            <a title="编辑"  onclick="xadmin.open('编辑','/admins/advertisement/edit/id/{$vo.id}', 600, 600)" href="javascript:;">
                                            <i class="layui-icon">&#xe642;</i>
                                            </a>
                                        </td>
                                    </tr>
                                    {/volist}   
                                
                              </tbody>
                            </table>
                        </div>
                        <div class="layui-card-body ">
                            <div class="page">
                                {$advertisement|raw}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    </body>
</html>

<script>
layui.use(['form'], function(){

    var form = layui.form;

    // 监听全选
    form.on('checkbox(checkall)', function(data){

        if(data.elem.checked){
            $('tbody input').prop('checked',true);
        }else{
            $('tbody input').prop('checked',false);
        }
        form.render('checkbox');
    }); 

});

/*用户-停用*/
function member_stop(obj,id){
    layer.confirm('确认要修改吗？',function(index){

        $.ajax({
            url : "/admins/advertisement/chgStatus",
            type : "post",
            data : {id:id},
            success : function(response, status, xhr){
                if(response.status == 200){
                    if($(obj).attr('title')=='隐藏'){
                        $(obj).attr('title','显示')
                        $(obj).find('i').html('&#xe62f;');

                        $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('隐藏');
                        layer.msg('已隐藏!',{icon: 4,time:1000});

                    }else{
                        $(obj).attr('title','隐藏')
                        $(obj).find('i').html('&#xe601;');

                        $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('显示');
                        layer.msg('已显示!',{icon: 7,time:1000});
                    }
                }else if(response.status == 400){
                    layer.msg('修改失败', {icon: 2});
                }
            },
            error : function(xhr, errorText, errorStatus){
                console.log(xhr.status + ':' + xhr.statusText);
            }
        });
          
    });
}

</script>
  

